.night {
  :deep(.Information) {
    background: #2b2e3d !important;

    .companyInformation .logo {
      background-color: #2b2e3d;
    }
  }

  :deep(.wrap) {
    // 对话的界面
    background: #2a2d3c !important;

    .chat-main {
      background: #303445 !important;
    }

    .ArrowLeftBold {
      background: #474B61 !important;

      svg {
        color: #ccc !important;
      }
    }

    .chat-list {
      background: #303445;

      .buttonChat {
        background: #2491fc !important;
        border-color: #2491fc !important;
      }

      .chatTitle {
        color: #fff !important;
      }

      .list-name {
        color: #fff !important;
      }

      .selected {
        background: #2a2d3c !important;
      }

      .list-chatname:hover {
        background: #2a2d3c !important;
      }
    }

    .chat-container {
      background-color: #303445 !important;

      .el-textarea__inner {
        color: #ccc !important;
        background-color: #2a2d3c !important;
        box-shadow: 0 0 0 1px #3f4456 !important;
      }

      .el-tabs__item.is-active,
      .el-tabs__item:hover {
        color: #409eff !important;
      }

      .choseRole {
        background: #303445 !important;

        .role-wrap {
          background: #2a2d3c !important;
          border: 1px solid #3f4456 !important;
        }

        .role {
          color: #ccc !important;
        }

        .explain {
          color: #ccc !important;
        }
      }

      .chat-messages {
        .chat-message-left .chat-message-text {
          color: #fff !important;
          background-color: #283142 !important;

        }
      }
    }

    // 文案的界面
    .dashboard-editor-container {
      .main {
        background-color: #303445 !important;

        .eventList {
          background: #2a2d3c !important;
          border: 1px solid #3f4456 !important;

          .copywritingTitle {
            color: #fff !important;
          }
        }

        .el-tabs__item.is-active,
        .el-tabs__item:hover {
          color: #409eff !important;
        }

        .translation-select {
          color: #fff !important;

        }

        .el-select__wrapper {
          background: #2a2d3c !important;
          box-shadow: 0 0 0 1px #414556 !important;

          .el-select__placeholder {
            color: #ccc !important;
          }
        }
      }

    }

    // 智库界面
    .aside,
    .content-container,
    .header {
      background: #303445 !important;

      .el-tree-node {
        background: #303445 !important;
        color: #D0D0D3 !important;

        .count {
          color: #D0D0D3 !important;
        }
      }

      .el-input__wrapper {
        background: #2a2d3c !important;
        box-shadow: 0 0 0 1px #3f4456 !important;

        .el-input__inner {
          color: #ccc !important;
        }
      }

      .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,
      .el-tree-node__content:hover {
        background: #2a2d3c !important;
      }
    }

  }

  // 共用的样式
  :deep(.el-tree-node:focus>.el-tree-node__content) {
    background-color: #2a2d3c !important;
  }

  :deep(.el-tabs__nav-wrap:after) {
    background-color: #000 !important;
  }

  :deep(.el-tabs__item) {
    color: #fff !important;
  }

  :deep(.el-textarea__inner) {
    background-color: #2a2d3c !important;
    box-shadow: 0 0 0 1px #3f4456 !important;
  }

  :deep(.el-range-editor.el-input__wrapper) {
    background: #303445 !important;
    box-shadow: 0 0 0 1px #3f4456 !important;
  }

  .el-select-dropdown__item selected hover {
    background-color: #303445 !important;
  }

  .el-select-dropdown__item.selected.hover {
    background-color: #303445 !important;
  }

  .el-select-dropdown__empty {
    background-color: #2a2d3c !important;
  }

  .el-select-dropdown__item.selected {
    background-color: #303445 !important;
  }

  :deep(.el-drawer__header),
  :deep(.el-drawer__body),
  :deep(.el-drawer__body .choseRole) {
    background: #303445 !important;
  }

  :deep(.el-drawer__body) {
    .choseRole {
      .role-wrap {
        border: 1px solid #414556 !important;
        background-color: #2a2d3c !important;

        .role {
          color: #ccc !important;
        }
      }

      .explain {
        color: #ccc !important;
      }

      .tryAConversation {
        background: #2491fc !important;
        color: #fff !important;
        border: none !important;
      }
    }

    .el-tabs__item:hover {
      color: #409eff !important;
    }
  }

  :deep(.el-select__wrapper) {
    background-color: #2a2d3c !important;
    box-shadow: 0 0 0 1px #414556 !important;
  }

  :deep(.el-select__placeholder) {
    color: #ccc !important;
  }

  :deep(.el-dialog__footer) {
    color: #fff !important;
  }

  :deep(.header) {
    border-bottom: 1px solid #606266 !important;
  }

  // 富文本编辑器的样式：
  :deep(.editor-wrapper) {
    border: 1px solid #414556 !important;
  }

  :deep(.w-e-toolbar) {
    background: #2a2d3c !important;
    border: none !important;
    border-bottom: 1px solid #414556 !important;
  }

  :deep(.w-e-text) {
    background: #2a2d3c !important;
  }

  // 表格样式
  :deep(.el-table) {
    background-color: #303445;
    border-top: none;
    border-right: none;
    border: none !important;

    .el-button--primary {
      border-color: #21B6DC !important;
      background-color: #21B6DC !important;

      &:hover {
        background-color: #48bedc !important;
      }
    }
  }

  :deep(.el-table td.el-table__cell),
  .el-table th.el-table__cell.is-leaf {
    border-bottom: none !important;
  }

  :deep(.el-table th) {
    font-weight: 400;
    color: #fefefe;
    border-bottom: none !important;
    background: #3E4252 !important;
  }

  :deep(.el-table__header-wrapper) {
    background-color: #000 !important;
    border-bottom: 1px solid #3f4456 !important;
  }

  :deep(.el-table tr) {
    color: #B7B8BC !important;
    background-color: #303445 !important;
  }

  :deep(.el-table .cell) {
    color: #fff !important;
  }

  // 斑马线
  :deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
    background: #35394a;
  }

  :deep(.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell),
  :deep(.el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell) {
    background: #343745;
  }

  :deep(.el-table__body tr.hover-row>td.el-table__cell:not(.tr.selection-row)) {
    background: #343745;
  }

  :deep(.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell) {
    background: #343745;
  }

  :deep(.el-table__body tr.hover-row>td.el-table__cell) {
    background: #343745;
  }

  :deep(.el-table__fixed-right) {
    border-bottom: none;
  }

  :deep(.el-table::before),
  .el-table--group::after,
  .el-table--border::after {
    background: #000;
  }

  :deep(.el-table__fixed-right::before),
  .night .el-table__fixed::before {
    background: #000;
  }

  // 表格无数据占位符
  :deep(.el-table__empty-block) {
    background-color: #2a2d3c;
    margin-top: 0;
    border-left: none;
  }

  :deep(.el-table__body-wrapper) {
    background-color: #2a2d3c;
  }

  // 修改分页样式
  :deep(.el-pagination.is-background .el-pager li:not(.disabled)) {
    background-color: #303445;
    color: #FFFFFF;
    border: 1px solid #3F4456;
    border-radius: 3px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
  }
  :deep(.el-pagination.is-background .el-pager li:not(.disabled).is-active) {
    background-color: #1890FF;
    border: 1px solid #1890FF;
  }

  :deep(.el-pagination.is-background .el-pager li:not(.disabled):hover) {
    color: #FFFFFF;
  }

  :deep(.el-pagination.is-background .btn-next) {
    background-color: #3F4456;
    color: #FFFFFF;
    border: 1px solid #3F4456;
    border-radius: 3px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
  }
  

  :deep(.el-pagination.is-background .btn-prev) {
    background-color: #3F4456;
    color: #FFFFFF;
    border: 1px solid #3F4456;
    border-radius: 3px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
  }

  :deep(.el-pagination button),
  :deep(.el-pagination span:not([class*=suffix])) {
    height: 36px;
    line-height: 36px;
  }

  :deep(.el-pagination__total),
  :deep(.el-pagination__jump) {
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
  }

  :deep(.el-pagination .el-select .el-input .el-input__inner) {
    height: 32px;
    color: #FFFFFF;
    background: #303445;
    border: 1px solid #3F4456;
  }

  :deep(.el-pagination__editor.el-input .el-input__inner) {
    height: 32px;
    color: #FFFFFF;
    background: #303445;
    border: 1px solid #3F4456;
  }

  :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
    background-color: #1890FF;
    border: 1px solid #1890FF;
  }

  :deep(.el-date-editor .el-range-input) {
    background-color: #2a2d3c !important;
    color: #ccc !important;
  }

  :deep(.el-date-editor .el-range-separator) {
    color: #fff;
  }

  :deep(.el-table__inner-wrapper:before) {
    background-color: #000 !important;
  }

  :deep(.el-dialog) {
    background-color: #303445 !important;

    .el-form-item__label {
      color: #fff !important;
    }
  }

  :deep(.el-dialog.is-draggable .el-dialog__header) {
    background-color: #3e4252 !important;
  }

  :deep(.el-checkbox.el-checkbox--large .el-checkbox__label) {
    color: #fff !important;
  }

  :deep(.el-divider--horizontal) {
    border-top: 1px solid #606266 !important;
  }

  :deep(.el-textarea__inner) {
    color: #ccc !important;
  }

  :deep(.el-checkbox.el-checkbox--large .el-checkbox__inner) {
    background-color: #2a2d3c !important;
    border: 1px solid #606266 !important;
  }

  :deep(.rounded-checkbox .el-checkbox__input.is-checked .el-checkbox__inner) {
    background-color: #409EFF !important;
    border-color: #409EFF !important;
  }

  :deep(.el-radio.el-radio--large .el-radio__inner) {
    border-color: #606266 !important;
    background: #2a2d3c !important;
  }

  :deep(.el-radio__input.is-checked .el-radio__inner) {
    background: #409EFF !important;
    border: #409EFF !important;
  }

  :deep(.el-radio.el-radio--large .el-radio__label) {
    color: #fff !important;
  }

  :deep(.el-dialog__body) {
    color: #fff !important;

    .main {
      padding-top: 5px !important;
    }

    .el-input__wrapper {
      background: #2a2d3c !important;
      box-shadow: 0 0 0 1px #414556 !important;
    }

    .el-input__inner {
      color: #fff !important;
    }
  }

  
  :deep(.el-cascader .el-input__inner) {
    height: 32px;
    color: #FFFFFF;
    background: #2a2d3c;
    border: none;
  
  }
  
  :deep(.el-cascader .el-input__wrapper) {
    background: #2a2d3c !important;
    box-shadow: none !important;
  }
  :deep(.el-cascader .el-cascader__tags .el-tag){
    background: #222 !important;
    color: #fff !important;
  }
  
}